<template>
	<view>
		<image lazy-load class="bgImage" src="/static/image/guide/homeBg.png" mode="widthFix"></image>
		<view class="navBox">
			<image class="backBtn" @click="goBack" src="http://cdn.yic3.cn/lawyer/mp-xhs/mine/backIcon.png"
				mode="widthFix"></image>
			<p>智能撰写</p>
		</view>
		<view style="width: 100%;height: 188rpx;"></view>
		<view class="listBox">
			<view class="listItem" @click="goRoute('/packageA/pages/writeClassification/writeClassification',item)" v-for="(item,index) in datalist" :key="index">
				<view class="itemLeft">
					<image lazy-load :src="item.icon" mode="widthFix"></image>
					<view class="">
						<p>{{item.name}}</p>
						<p>{{item.text}}</p>
					</view>
				</view>
				<image lazy-load src="https://cdn.yic3.cn/lawyer/mp-xhs/home/icon10.png" mode="widthFix"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				datalist:[
					{
						name:'合同',
						text:'为你生成一份专属合同',
						icon:'https://cdn.yic3.cn/lawyer/mp-xhs/home/icon6.png',
						id:1
					},{
						name:'诉讼',
						text:'为你起草一份专属诉讼状',
						icon:'https://cdn.yic3.cn/lawyer/mp-xhs/home/icon7.png',
						id:2
					},{
						name:'公证',
						text:'为你提供公正书撰写服务',
						icon:'https://cdn.yic3.cn/lawyer/mp-xhs/home/icon8.png',
						id:3
					},{
						name:'其他',
						text:'为你提供其他撰写服务',
						icon:'https://cdn.yic3.cn/lawyer/mp-xhs/home/icon9.png',
						id:4
					},
				]
			};
		},
		onLoad(e) {
			
		},
		mounted() {
		},
		methods: {
			
		},
	}
</script>
<style lang="scss" >
	@import 'smartCompose.scss'
</style>